<!DOCTYPE  html>
<html>
  <head>
    <meta charset="utf-8">
    
    <title>@Jayli</title>
    <meta name="author" content="Jayli" />
	<meta name="keywords" content="淘宝UED 前端工程师 拔赤" />	
	<meta name="description" content="淘宝前端工程师拔赤，关注尖端前端技术、移动端 Web 研发" />
	<meta http-equiv="imagetoolbar" content="no" />
    <style>
      /*github.com style (c) Vasily Polovnyov <vast@whiteants.net>*/
      pre code {
        display: block; padding: 0.5em;
        color: #333;
        background: #f8f8ff
      }
      pre .comment,
      pre .template_comment,
      pre .diff .header,
      pre .javadoc {
        color: #998;
        font-style: italic
      }
      pre .keyword,
      pre .css .rule .keyword,
      pre .winutils,
      pre .javascript .title,
      pre .nginx .title,
      pre .subst,
      pre .request,
      pre .status {
        color: #333;
        font-weight: bold
      }
      pre .number,
      pre .hexcolor,
      pre .ruby .constant {
        color: #099;
      }
      pre .string,
      pre .tag .value,
      pre .phpdoc,
      pre .tex .formula {
        color: #d14
      }
      pre .title,
      pre .id {
        color: #900;
        font-weight: bold
      }
      pre .javascript .title,
      pre .lisp .title,
      pre .clojure .title,
      pre .subst {
        font-weight: normal
      }
      pre .class .title,
      pre .haskell .type,
      pre .vhdl .literal,
      pre .tex .command {
        color: #458;
        font-weight: bold
      }
      pre .tag,
      pre .tag .title,
      pre .rules .property,
      pre .django .tag .keyword {
        color: #000080;
        font-weight: normal
      }
      pre .attribute,
      pre .variable,
      pre .lisp .body {
        color: #008080
      }
      pre .regexp {
        color: #009926
      }
      pre .class {
        color: #458;
        font-weight: bold
      }
      pre .symbol,
      pre .ruby .symbol .string,
      pre .lisp .keyword,
      pre .tex .special,
      pre .prompt {
        color: #990073
      }
      pre .built_in,
      pre .lisp .title,
      pre .clojure .built_in {
        color: #0086b3
      }
      pre .preprocessor,
      pre .pi,
      pre .doctype,
      pre .shebang,
      pre .cdata {
        color: #999;
        font-weight: bold
      }
      pre .deletion {
        background: #fdd
      }
      pre .addition {
        background: #dfd
      }
      pre .diff .change {
        background: #0086b3
      }
      pre .chunk {
        color: #aaa
      }
    </style>
	<style>
	body {
		font-family:trebuchet ms , verdana , sans-serif;
		line-height:1.5;
	}
	a,a:link,a:visited {
	color:#4078c0;
	}
	img {
	  box-shadow: 1px 1px 30px 1px lightgray;
	}
	.comment {
		margin-left:15px;
		margin-right:19px;
	}
	</style>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"> 
  </head>
  <body>  
    <h2 id="a-frontend-engineer">A Frontend Engineer</h2>
<h3 id="-">➭ 本站简介</h3>
<p>拔赤，2008 年东北大学硕士毕业，加入中国雅虎（<a href="http://jayli.github.io/blog/data/2010/12/16/yahoo.html">Yahoo 已死</a>），后转岗淘宝至今，一直做前端开发，目前厮混在<a href="http://www.alitrip.com">阿里旅行·去啊</a>前端团队，本站涉及 HTML/CSS/JavaScript 等技术观点，收录个人一些吐槽和技术作品，喜欢折腾，偶尔写写文章、<a href="http://jayli.github.io/photo/">拍点照片儿</a>、翻译几本小书...</p>
<p>您可以在<a href="http://www.weibo.com/jayli">微博</a>或<a href="https://gw.alicdn.com/tps/TB14htbIXXXXXb4XpXXXXXXXXXX.png">微信</a>上[at]到我</p>
<blockquote>
<p><strong>阿里旅行·去啊</strong> <a href="https://github.com/jayli/jayli.github.com/issues/17">Web 前端工程师招募贴</a>，长期有效，简历发至 bachi[at]taobao.com</p>
</blockquote>
<h3 id="-">➭ 文章</h3>
<ul>
<li>【译】<a href="http://jayli.github.io/whatisnode/">什么是 Node</a></li>
<li>【译】<a href="http://ued.taobao.org/blog/2010/11/yui3-vs-jquery/">Nicholas C. Zakas vs John Resig 一场关于YUI3/jQuery的精彩辩论</a></li>
<li><a href="https://github.com/jayli/jayli.github.com/issues/18">前端技术的开放和封闭</a></li>
<li><a href="https://github.com/jayli/jayli.github.com/issues/17">爱梦想，去旅行，阿里旅行·去啊 H5 团队招募ing</a></li>
<li><a href="https://github.com/jayli/jayli.github.com/issues/12">微不足道的坚持</a></li>
<li><a href="https://github.com/jayli/jayli.github.com/issues/14">蒙台梭利的三段话</a></li>
<li><a href="https://github.com/jayli/jayli.github.com/issues/1">前端开发十日谈</a></li>
<li><a href="http://www.csdn.net/article/1970-01-01/2815164">2012 年前端技术回顾</a></li>
<li><a href="http://www.infoq.com/cn/news/2013/07/bachi-on-kissy?utm_source=tuicool">KISSY 的自成体系是一种趋势</a></li>
<li><a href="http://ued.taobao.org/blog/2013/06/kissy-slide/">好的组件无需太复杂 - KISSY Slide 组件简介</a></li>
<li><a href="http://ued.taobao.org/blogobao.org/blog/2010/11/jslint-for-vim/">JavaScript语法检查插件 jsLint for Vim</a></li>
<li><a href="http://ued.taobao.org/blog/2010/11/nodejs-kissy/">将你的 KISSY 程序移植到服务器端 – nodejs-kissy 项目简介</a></li>
<li><a href="http://ued.taobao.org/blog/2010/01/yui3%E8%AE%BE%E8%AE%A1%E4%B8%AD%E7%9A%84%E6%BF%80%E8%BF%9B%E5%92%8C%E5%A6%A5%E5%8D%8F/">YUI3 设计中的激进和妥协</a></li>
</ul>
<h3 id="-">➭ 项目</h3>
<ul>
<li><a href="https://github.com/jayli/vim">我的 vim 配置</a>（VIM）</li>
<li><a href="https://github.com/jayli/combo">Combo Script</a>（PHP）</li>
<li><a href="http://jayli.github.io/gallery/calendar/README.html">YUI3 Calendar</a>（JavaScript）</li>
<li><a href="http://jayli.github.io/gallery/canvas/g.html">基于 DOM 的碰撞检测 DEMO</a>（JavaScript）</li>
<li>编码小工具：<a href="http://jayli.github.io/gallery/encode/utf8urlencode.html">utf8 URL 编码</a>、<a href="http://www.taobao.com/market/trip/encode-test.php">gbk URL 编码</a>、<a href="http://jayli.github.io/gallery/encode/unicodeEncode.html">Unicode 编码</a>（JavaScript）</li>
<li><a href="https://github.com/jayli/sandbox/">SandBox</a>（JavaScript）</li>
<li><a href="http://jayli.github.io/gallery/yuislide/">YUI Slide</a>、<a href="http://kissygalleryteam.github.io/slide/1.2/demo/index.html">KISSY Slide</a>（<a href="http://kissygalleryteam.github.io/slide/1.3/demo/index.html">1.3</a>）（JavaScript）</li>
<li><a href="http://kissygalleryteam.github.io/tip/1.0/demo/index.html">Tip</a>（JavaScript）</li>
<li><a href="http://m.kissyui.com">Kissy Mini</a>（JavaScript）</li>
</ul>
<h3 id="-">➭ 技术专利</h3>
<ul>
<li><a href="http://www.soopat.com/Patent/201210009029">一种项目开发中数据包的加载方法及系统</a>（2012）</li>
<li><a href="http://www.soopat.com/Patent/201110336122">一种Web前端本地开发环境的搭建方法和装置</a>（2011）</li>
</ul>
<h3 id="-">➭ 演讲 &amp; 分享</h3>
<ul>
<li>QCon：<a href="http://pan.baidu.com/s/1eQk0AlG">极致的 Hybrid</a>（2015）</li>
<li>QCon：<a href="http://wenku.baidu.com/view/a1653a13cc7931b765ce151b.html">淘宝 HTML5 实战</a>（2011）</li>
<li>D2：<a href="http://wenku.baidu.com/view/fa82b843e45c3b3567ec8bf3.html">低碳的无线端开发实战</a>（2012）</li>
<li>D2：<a href="http://wenku.baidu.com/view/461d4054240c844768eaee05">KISSY Mobile App Toolkit</a>（2013）</li>
<li>象声汇：<a href="http://vdisk.weibo.com/s/sWYf0np7mi6/1439391012">懂一点航旅前端技术（培训课）</a>（2015）</li>
<li>象声汇：<a href="http://wenku.baidu.com/view/484409440508763230121278">正念前端</a>（2015）</li>
<li>象声汇：<a href="http://wenku.baidu.com/view/a92c3f8b856a561252d36f6b.html">加速成长的六个要诀</a>（2014）</li>
<li>象声汇：<a href="http://pan.baidu.com/s/1sjHUizN">CSS 选择器性能调研</a>（2013）</li>
<li>象声汇：<a href="http://wenku.baidu.com/view/47d44fcdc850ad02de8041f9">JavaScript AutoLoad</a>（2011）</li>
<li>象声汇：<a href="http://wenku.baidu.com/view/6f8335c34028915f804dc2be.html">NodeJS 实战</a>（2010）</li>
<li>象声汇：<a href="http://wenku.baidu.com/view/f319d68d6529647d2728521c.html">GUI 进化史</a>（2010）</li>
<li>象声汇：<a href="http://wenku.baidu.com/view/d259189e227916888586d70d">JavaScript 图形编程</a>（2010）</li>
</ul>
<h3 id="-">➭ 翻译</h3>
<p><a href="http://jayli.github.io/jswebapps/"><img src="http://img01.taobaocdn.com/tps/i1/T1YBC9XjJwXXXXXXXX-275-364.png_150x150.jpg" alt=""></a>&nbsp;
<a href="http://jayli.github.io/maintainable.javascript/"><img src="http://gtms01.alicdn.com/tps/i1/TB1MedBHpXXXXasaFXX6LJ3SpXX-273-359.png_150x150.jpg" alt=""></a>&nbsp;
<a href="https://speakerdeck.com/lijing00333/javascript-patterns"><img src="http://gtms04.alicdn.com/tps/i4/TB1.kIsHpXXXXclXFXXoHpKTpXX-516-678.png_150x150.jpg" alt=""></a>&nbsp;
<a href="http://ued.taobao.org/javascript/"><img src="http://img04.taobaocdn.com/tps/i4/T1uHqiXdlfXXXXXXXX-270-354.jpg_150x150.jpg" alt=""></a></p>

<section class="comment">
<div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'jayliblog'; // required: replace example with your forum shortname
	var disqus_identifier = 'urn:uuid:0597dfb0-02c0-40e1-82f8-176b6dc31c8a';

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</section>
  </body>
</html>
